/**
 * antd 栅格: xs sm md lg xl xxl
 */

// 颜色
@red: #fb6f6f;
@yellow: #f8d200;
@blue: #7098fc;
@green: #60d255;
@black: #000000;
@white: #ffffff;
@themeColor: #48cfad;
@themeColorGradient: #85d8c3;

@text-dark: #333333;
@text-normal: #808080;
@text-light: #cccccc;

@color-bg: #F0F3F5;
@color-divider: #ebebeb;
@color-padding: #d9d9d9;

// 蓝湖色值
@blue-0: #0081F1;
@blue-1: #0088FF;
@blue-2: #1993FF;
@blue-3: #7FC3FF;
@blue-4: #B2DBFF;
@blue-5: #E6F4FF;

@yellow-0: #EE8C02;
@yellow-1: #FB990F;
@yellow-2: #FBA327;
@yellow-3: #FCCC87;
@yellow-4: #FDE0B7;
@yellow-5: #FEF4E7;

@red-0: #F41717;
@red-1: #F72626;
@red-2: #F95151;
@red-3: #FB9292;
@red-4: #FCBDBD;
@red-5: #FEE9E9;

@orange-0: #FA4614;
@orange-1: #FF5526;
@orange-2: #FF7751;
@orange-3: #FFAA92;
@orange-4: #FFCCBD;
@orange-5: #FFEEE9;

@green-0: #02B357;
@green-1: #07C160;
@green-2: #1FC76F;
@green-3: #83E0AF;
@green-4: #B4ECCF;
@green-5: #E6F8EF;

@gray-1: #242729;
@gray-2: #5A6066;
@gray-3: #879099;
@gray-4: #BCC4CC;
@gray-5: #D3DAE0;
@gray-6: #E1E6EB;
@gray-7: #F0F3F5;
@gray-8: #F7F9FA;

// 间距
@space-xs: 8px;
@space-sm: 12px;
@space-md: 16px;
@space-lg: 20px;

// 字体
@font-xs: 10px;
@font-sm: 12px;
@font-md: 14px;
@font-lg: 16px;
@font-xl: 18px;
@font-xxl: 20px;

// 圆角
@radius-r1: 4px;
@radius-r2: 8px;
@radius-r3: 12px;
@radius-r4: 16px;

// 尺寸
@radius-xs: 2px;
@radius-sm: 4px;
@radius-md: 8px;
@radius-lg: 12px;

// 样式
@chunk-shadow: 0px 1px 4px 0px rgba(39, 40, 41, 0.04);
@nav-bar-height: 44px;
